/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	position:absolute;
	width:auto;
	right:0;
	margin-right:16px;
	overflow:hidden;


}
.mCSB_container.mCS_no_scrollbar{

	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:16px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:10px;
	height:97%;
	top:0;
	right:0;

	
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	width:10px;
	top:0;
	left:auto;
	bottom:0;
	right:auto; 
	height:auto;
    background:url(../images/scroll/osx_track.gif) repeat-y;
	
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0 20px 0;
	left:0;
	padding:0px;
	
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
    height:0px;
	display:none;


}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:6px;
	height:6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	height:100%;
	

	background:url(../images/scroll/osx_drag_middle.gif) repeat-y;
	
    position:absolute;
	left:0;
	right:0;

}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar .mCSB_dragger_bar_up{
	width:6px;
	height:6px;
    margin-left:0;
    left:0;
	
    /*background:url(../images/scroll/osx_drag_top.gif) no-repeat;height:6px;*/
    position:absolute;
	 top:0;
	}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar  .mCSB_dragger_bar_down{
	width:6px;
	height:6px;
margin-left:0;
	/*background:url(../images/scroll/osx_drag_bottom.gif) no-repeat;height:6px;*/
	position:absolute;
	bottom:0;
	left:0;
	
	}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:absolute;
	width:16px;
	height:20px;
	left:0;
	overflow:hidden;

	cursor:pointer;
}


/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 16px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;

	position: absolute;
	top: 0px;

	background-image: url(../images/scroll/osx_arrow_up.png);
	background-repeat: no-repeat;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	/*background-position:0 -20px;*/
	position: absolute;
	bottom: 0px;
	
	
	background:url(../images/scroll/osx_arrow_down.png) no-repeat 0 0;}
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}

.mCSB_scrollTools	a.mCSB_buttonUp:hover{background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonDown:hover{
	
	a.mCSB_buttonDown:hover{background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
